<%--
  Created by IntelliJ IDEA.
  User: 16061
  Date: 2025/3/18
  Time: 下午4:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="/reg" method="post" enctype="multipart/form-data">
    <p>
        <p>账号:<input type="text" name="name"/></p>
        <p>密码:<input type="password" name="password"/></p>
        <%--单选框保证多选一  需要保证他们是同一组的数据
        需要添加name属性 同时还要设置value属性表示提交的数据
        添加默认值: checked 关键字即可--%>
        <p>性别:<input type="radio" checked name="sex" value="1"/>男
            <input type="radio" name="sex" value="0"/>女
        </p>
        <p>状态:<input type="radio" checked name="status" value="1"/>启用
            <input type="radio" name="status" value="2"/>禁用
            <input type="radio" name="status" value="3"/>冻结
        </p>
    <p>时间:<input type="date" name="time"/></p>
    <%--域改变事件--%>
    <p>头像：<input type="file" onchange="showImg(this)" name="headImg"/></p>
    <p><img id="myImg" src="/upload/default.jpg" style="width: 100px;height: 100px;border-radius: 100px"/></p>
    <p>
        <%--头像先不写存null--%>
        <p><button>注册</button></p>
    </p>
</form>
</body>
</html>
<script>
    function showImg(a) {
        //获取当前上传头像对象
        var imgFile=a.files[0];
        //通过文件对象获取地址(虚拟地址)
        var src=window.URL.createObjectURL(imgFile);
        //给图片赋值
        document.getElementById("myImg").src=src;
    }
</script>

